import React from 'react';
import { Input } from 'antd';
import { TextAreaProps } from 'antd/lib/input';

const { TextArea } = Input;

interface Props extends TextAreaProps {
  bg?: boolean;
}

const index = ({ bg, ...props }: Props) => {
  return (
    <TextArea
      {...props}
      classNames={{
        textarea: `!border-0 !rounded-xl ${bg ? '!bg-[#F3F4F9]' : ''}`,
        count: '!bottom-[4px] !right-[4px]',
      }}
      className="!rounded-xl"
    />
  );
};

export default index;
